<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/reset.css" />
		<script src="js/jquery-1.11.3.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/ssld.js" type="text/javascript" charset="utf-8"></script>
		<style type="text/css">
			body{
				font-size: 16px;
			}
			.info_tb{
				border: 1px solid #ccc;
				width: 800px;
				margin: 0 auto;
			}
			.info_tb tr {
				height: 35px;
			}
			.info_tb td{
				line-height: 35px;
				text-align: center;
			}
			.info_tb tr td input[type=text]{
				width: 220px;
				height: 25px;
				margin-left: 10px;
				vertical-align:middle;
			}
			
			.input_s {
				width: 225px;
				height: 28px;
				margin-left: 10px;
			}
			.input_s_2 {
				width: 150px;
				height: 28px;
				margin-left: 10px;
			}
			.info_tb td span{
				vertical-align: middle;
				color: red;
			}
			
			/**
			.info_tb tr{
				height: 35px;
			}
			.info_tb tr td span{
				color: red;
			}
			.info_tb tr td input[type=text]{
				width: 220px;
				height: 25px;
				margin-left: 10px;
			}
			.info_tb tr td select{
				width: 160px;
				height: 25px;
				margin-left: 5px;
			}
			*/
			.tit{
				border-bottom: 4px solid red;
				height: 40px;
				line-height: 40px;
				text-align: center;
			}
			.tzjy{
				height: 40px;
				line-height: 40px;
				padding-left: 30px;
			}
			
			.myspan{
				padding-left: 42px;
			}
			
			/*input{ vertical-align:middle; margin:0; padding:0}*/
			.file-box{ position:relative;}
			.txt{ height:22px; border:1px solid #cdcdcd; width:180px;}
			.btn{ background-color:#FFF; border:1px solid #CDCDCD;height:24px; width:70px; }
			.file{ position:absolute; top:6px; left:131px; height:25px; filter:alpha(opacity:0);opacity: 0;width:300px; cursor: pointer;}
			.sbm_class{
				width: 120px;
				height: 40px;
				border: none;
				background-color: red;
				color: #FFFFFF;
				font-size: 24px;
				font-weight: bold;
				cursor: pointer;
			}
		</style>
	</head>

	<body>
		<div style="width: 800px; margin: 0 auto;">
			<div class="tit">
				<h2>客户开户申请表</h2>
			</div>
		<table class="info_tb" cellpadding="0" cellspacing="0">
			<tbody>
				<tr>
					<td colspan="2" style="text-align: left;">
						<span class="myspan">*</span>会员编号:<span style="padding-left: 10px; vertical-align: middle;">101</span>
					</td>
				</tr>
				<tr>
					<td colspan="2" style="text-align: left;">
						<span class="myspan">*</span>会员名称:<span style="display: inline-block; padding-left: 10px;">101会员单位</span>
					</td>
				</tr>
				<tr>
					<td colspan="2" style="text-align: left;padding-left: 43px;">
						投资经验:
						<label style="padding-left: 15px;">
							<input type="checkbox" name="tzjy" value="证券" />证券</label>
						<label>
							<input type="checkbox" name="tzjy" value="外汇" />外汇</label>
						<label>
							<input type="checkbox" name="tzjy" value="期货" />期货</label>
						<label>
							<input type="checkbox" name="tzjy" value="期指" />期指</label>
						<label>
							<input type="checkbox" name="tzjy" value="股票" />股票</label>
						<label>
							<input type="checkbox" name="tzjy" value="贵金属" />贵金属</label>
						<label>
							<input type="checkbox" name="tzjy" value="房地产" />房地产</label>
						<label>
							<input type="checkbox" name="tzjy" value="银行理财产品" />银行理财产品</label>
					</td>
				</tr>
				<tr>
					<td><span>*</span>客户姓名:
						<input type="text" name="name" id="name" />
					</td>
					<td><span>*</span>客户手机:
						<input type="text" name="phone" id="phone" />
					</td>
				</tr>
				<tr>
					<td><span>*</span>客户邮箱:
						<input type="text" name="eamil" id="eamil" />
					</td>
					<td><span style="color: #FFF;">*</span>客户传真:
						<input type="text" name="fax" id="fax" />
					</td>
				</tr>
				<tr>
					<td><span>*</span>证件类型:
						<select class="input_s" name="certificate">
							<option value="1">身份证</option>
						</select>
					</td>
					<td><span>*</span>证件号码:
						<input type="text" name="cid" id="cid" />
					</td>
				</tr>
				<tr>
					<td><span>*</span>签约银行:
						<select class="input_s" name="banks">
							<option value="boc">中国银行</option>
							<option value="cmb">招商银行</option>
							<option value="ccb">建设银行</option>
						</select>
					</td>
					<td><span>*</span>银行账号:
						<input type="text" name="cno" id="cno" />
					</td>
				</tr>
				<tr>
					<td colspan="2" style="text-align: left;">
						<span class="myspan">*</span>所属地区:
						<select id="addess_1" class="input_s_2" name="province">
							<!--<option value="110" selected="selected">北京市</option>
							<option value="120">天津市</option>
							<option value="130">河北省</option>-->
						</select>
						<select id="addess_2" class="input_s_2" name="city">
							<!--<option value="101">东城区</option>
							<option value="102">西城区</option>
							<option value="105">朝阳区</option>
							<option value="106">丰台区</option>
							<option value="107">石景山区</option>
							<option value="108">海淀区</option>
							<option value="109">门头沟区</option>
							<option value="110">房山区</option>
							<option value="112">通州区</option>
							<option value="113">顺义区</option>
							<option value="114">昌平区</option>
							<option value="115">大兴区</option>
							<option value="116">怀柔区</option>
							<option value="117">平谷区</option>-->
						</select>

						<select id="addess_3" class="input_s_2" name="area" >
							<!--<option value="1">中国银行</option>
							<option value="2">农业银行</option>
							<option value="3">建设银行</option>-->
						</select>
						<script type="text/javascript">
							$.address('addess_1','addess_2','addess_3');
						</script>
						
					</td>
				</tr>
				<tr>
					<td colspan="2" style="text-align: left;">
						<span class="myspan">*</span>具体街道:
						<input type="text" name="row" id="row" style="width: 500px;" />
					</td>
				</tr>

				<tr>
					<td colspan="2" style="text-align: left;">
						<div class="file-box">
							<span class="myspan">*</span>身份证正:
						<input type='text' name='textfield' id='sfz1' class='txt' readonly="readonly" />
						<input type='button' class='btn' value='浏览...' />
						<input type="file" name="sfz1" class="file" id="fileField" size="28" onchange="document.getElementById('sfz1').value=this.value" />
						身份证正面清晰扫描件
						</div>
					</td>
				</tr>

				<tr>
					<td colspan="2" style="text-align: left;">
						<div class="file-box">
							<span class="myspan">*</span>身份证反:
						<input type='text' name='textfield' id='sfz2' class='txt' readonly="readonly" />
						<input type='button' class='btn' value='浏览...' />
						<input type="file" name="sfz2" class="file" id="fileField" size="28" onchange="document.getElementById('sfz2').value=this.value" />
						身份证正面清晰扫描件
						</div>
					</td>
				</tr>

				<tr>
					<td colspan="2" style="text-align: left;">
						<div class="file-box">
							<span class="myspan">*</span>身份证持:
						<input type='text' name='textfield' id='sfz3' class='txt' readonly="readonly" />
						<input type='button' class='btn' value='浏览...' />
						<input type="file" name="sfz3" class="file" id="fileField" size="28" onchange="document.getElementById('sfz3').value=this.value" />
						本人手持身份证照片，需清晰可见身份证信息。
						</div>
					</td>
				</tr>
				
				<tr>
					<td colspan="2">
						<input class="sbm_class" type="submit" value="提交" />
					</td>
				</tr>
			</tbody>
		</table>
			
		</div>
	</body>

</html>